@CHARSET "UTF-8";
/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html {
  margin:0;
  padding:0;
  border:0;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
    display:block;
}

/* Line-height should always be unitless! */
body {
  line-height: 1.5;
  background: white;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse: separate;
  border-spacing: 0;
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {
  text-align: left;
  font-weight: normal;
  float:none !important;
}
table, th, td {
  vertical-align: middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remember to define your own focus styles! */
:focus { outline: 0; }

/*base*/
footer p{
    width:293px;
    margin:0 auto;
    color:#a0a0a0;
}
html{
    width:100%;
    background:-webkit-gradient(linear, left top, left bottom, from(#000), color-stop(0.5,#4e4e4e), to(#000));
    font-family:'微软雅黑';
    font-size:12px;
}
body{
    width:960px;
    height:616px;
    margin:0 auto;
    background:url(img/main-bg.jpg);
    padding-top:1px;
}
h2{
    color:#a0a0a0;
    font-size:14px;
    font-weight:bold;
    margin:10px 0 0 10px;
}
a{text-decoration:none;}
ul{list-style:none;}
/*hail*/
#content{
    width:940px;
    height:517px;
    padding:50px 10px;
    color:#E4D5A0;
}
#haillist{
    float:left;
    width:60%;
    height:100%;
    overflow-y:auto;
}
table.listTable{
    width:100%;
    font-size:14px;
    color:#977271;
    line-height:30px;
}
table.listTable th{
    text-align:center;
    font-family:'黑体';
    font-weight:bold;
    color:#A8A596;
    border-bottom:1px solid #6B6861;
}
table.listTable td{
    text-align:center;
    color:#DFD6B5;
}
table.listTable a{
    color:#33FF00 ;
}
/*
#haillist .odd td{
    text-align:center;
    background:rgba(255,255,255,0.7);
}
#haillist .even td{
    text-align:center;
    background:rgba(255,255,255,0.3);
}
*/
#hailinfo{
    float:right;
    width:40%;
    height:100%;
}
#selfinfo{
    width:100%;
    height:60%;
}
#friend{
    width:90%;
    height:40%;
    padding:10px;
}
#selfinfo li{
    text-align:center;
    font-weight:bold;
    font-family:'黑体';
}
#selfinfo img{
    width:300px;
    height:248px;
    border:none;
}
#friend td{
    color:#FFF500;
}